import { Message, MessageBox } from 'element-ui'
import util from '@/libs/util.js'
import router from '@/router'
import { accountLogin, accountLogout } from '@api/management/auth'
import { getUserInfo } from '@api/management/user'

export default {
    namespaced: true,
    state: {
        // 用户登录状态
        isLogged: !!util.cookies.get('token'),
        // 用户信息
        info: {}
    },
    actions: {
        /**
         * @description 登录
         * @param {Object} context
         * @param {Object} payload username {String} 用户账号
         * @param {Object} payload password {String} 密码
         * @param {Object} payload route {Object} 登录成功后定向的路由对象 任何 vue-router 支持的格式
         */
        async login ({ commit, dispatch }, {
            username = '',
            password = '',
            code = '',
            unique = '',
            to = '/'
        } = {}) {
            const res = await accountLogin({ username, password, code, unique })
            // 设置 cookie 一定要存 uuid 和 token 两个 cookie
            // 整个系统依赖这两个数据进行校验和存储
            // uuid 是用户身份唯一标识 用户注册的时候确定 并且不可改变 不可重复
            // token 代表用户当前登录状态 建议在网络请求中携带 token
            // 如有必要 token 需要定时更新，默认保存一天
            var { data } = res
            if (res.code !== 200) {
                throw new Error('登录失败')
            }
            // 设置用户已经登陆
            commit('isLoggedSet', true)
            util.cookies.set('token', data.token)
            const userRes = await getUserInfo()
            util.cookies.set('uuid', userRes.data.id)
            // 加载权限
            await dispatch('ycAdmin/permission/load', { focus: true, to }, { root: true })
            // 设置 vuex 用户信息
            await dispatch('ycAdmin/user/set', { name: userRes.data.nickname }, { root: true })
            // 用户登录后从持久化数据加载一系列的设置
            await dispatch('ycAdmin/sys/load', undefined, { root: true })
        },
        /**
         * @description 注销用户并返回登录页面
         * @param {Object} context
         * @param {Object} payload confirm {Boolean} 是否需要确认
         */
        logout ({ commit, dispatch }, { confirm = false } = {}) {
            /**
             * @description 注销
             */
            async function logout () {
                // 设置用户登陆状态
                commit('isLoggedSet', false)
                // 删除cookie
                util.cookies.remove('token')
                util.cookies.remove('uuid')
                // 清空 vuex 用户信息
                await dispatch('ycAdmin/user/set', {}, { root: true })
                // 跳转路由
                router.push({ name: 'login' })
            }
            // 判断是否需要确认
            if (confirm) {
                commit('ycAdmin/gray/set', true, { root: true })
                MessageBox.confirm('确定要注销当前用户吗', '注销用户', { type: 'warning' })
                    .then(() => {
                        commit('ycAdmin/gray/set', false, { root: true })
                        accountLogout().then(res => {
                            logout()
                        })
                    })
                    .catch(() => {
                        commit('ycAdmin/gray/set', false, { root: true })
                        Message({ message: '取消注销操作' })
                    })
            } else {
                logout()
            }
        }
    },
    mutations: {
        /**
         * @description 设置用户登陆状态
         * @param {Object} state state
         * @param {Boolean} value 是否登录
         */
        isLoggedSet (state, value) {
            state.isLogged = value
        }
    }
}
